@charset "UTF-8";

/* 所有sass变量及函数 */

/* 颜色 */
$red: #e15a78;
$orange: #eda150;
$green: #52cc89;
$blue: #20a0ff;
$purple: #7136c7;
$red1:#ff5873;
$gd-red: #ed4638;

$pageBg: #f3f4f5;
$navBg: #22365f; // 导航背景
$theme: $purple; // 主题色
$title: rgba(0, 0, 0, 0.85); // 标题
$tableText: #22365f; // table等正文内容
$content: rgba(0, 0, 0, 0.7); // 一般的内容和标题
$subColor: rgba(0, 0, 0, 0.5); // 辅助色 提示文字
$thirdColor: rgba(0, 0, 0, 0.75);
$fourthColor: rgba(0, 0, 0, 0.25);
$disabled: #bbbec4; // 失效
$border: #e6e6e7; // 边框
$table-border: #ebebeb; // 边框
$divider: #fafafa; // 表格分割线
$white: #fff;
$textBtn: #27569f; // 文字按钮
$white1: #f9fafe;
$purple: #7136c7;
$subTabsText: rgba(255, 255, 255, 0.6);
$content-light:rgba(0, 0, 0, 0.45);
$content-light1:rgba(0, 0, 0, 0.02);
$gray1: #c4c4c4;
$form-input-background: #eff9ff;
$qr-footer: #2f8fff;
$qr-plan-bg:#c4f9e2;
$qr-finance-bg:#ffe3ca;
$qr-service-bg:#fedad6;
$qr-power-bg:#eccaff;

$tr-background: #eff4ff;
$filter-background:#efefef;

$primary-btn: #1989fa;

$remind-background: #fef7f1; //  the background color of the remind
$remind-font-color: #ab6d3a; // the font color of the remind
$blue-link: #1890ff;
$blue1: #1d92ff;
$blue3: #388bfd;
$blue2: #f0f4ff;
$blue4: #e5f2ff;
$blue5: #f6fbff;
$blue6: #d1e7ff;
$blue7: #cfe8ff;
$blue8: #fbfdff;
$blue9: #d1e9ff;
$blue10:#e9f3ff;
$blue11:#aed8ff;
$blue12:#eef7ff;
$blue13:#dae7ff;
$blue14:#0a80ff;
$blue15: #d2e9ff;
$blue16: rgba(18, 137, 255, 0.25);
$blue17: #105ff9;
$blue18: #1d75c3;
$blue19: rgba(24, 144, 255, 0);
$blue20: #f3f8fe;
$taskTitle: #074b9a;
$tabs-content:#f1fafe;

$green: #52c41a;
$green1: #c2e7b1;
$taskStatusSend: #51c21c;
$processState: #00cc6a;
$auditPass: #83d05e;

$backgroundColor: #f1f2f5; //素材列表背景色
$backgroundColor1: #e8f1f9;

$success: $green; //成功
$warning: $orange; //警告
$error: $red; //错误

$orange1: #edaf66;
$orange2: #ffd4b6;
$orange3: #ff6e85;
$orange4: #efaf66;
$orange5: #ffeac1;
$orange6: #ff9640;
$orange7: #ffad4d;
$orange8: rgba(239, 175, 102, 0.75);
$orange9: #ff8c00;
$recommendColor: #c05f4b;

$black: #000;
$black1: #323233;
$black2: #333;
$black3: rgba(196, 196, 196, 0);
$black4: rgba(196, 196, 196, 0.84);
$black5: rgba(255, 255, 255, 0.2);
$black6: rgba(0, 0, 0, 0.4);
$black7: rgba(20, 132, 255, 0.02);
$black8: rgba(0, 0, 0, 0.6);

$gray: #f1f2f5;
$gray1: #d9d9d9;
$gray2: #dadada;
$gray3: #dcdfe6;
$gray4: #e5e5e5;
$gray5: #f5f5f6;
$gray6: #f8f8f8;
$gray7: #dde0e7;
$gray8: #f1f2f5;
$gray9: #acacac;
$gray10: #bdcedd;
$gray11: #e8f0f9;
$gray12: #dddbdb;
$gray13: #666;
$gray14: rgba(255, 153, 65, 0.25);
$gray15: #c4c4c4;
$gray16: #ccc;
$gray17: #ddd;
$gray18: #999;
$gray19: #d2eaff;
$grayShare: rgba(217, 217, 217, 0.4);
$grayAuditCommit: #f0f0f0;


$red1: rgba(247, 47, 57, 0.75);
$red2: #f72f39;
$owe-status: #ffc1cb;
$owe-status-text: #ff5873;
$orange1: #faad14;
$orange2: #ff9134;
$orange3: #ffb54c;
$orange4: #f89d0e;

$shadow1: rgba(107, 103, 94, 0.08);
$box-shadow: rgba(109, 118, 128, 0.05);
$scrollbar: #e9e9e9;
$tip-text-color: rgba(0, 0, 0, 0.65);
$contrary: #faad14;
$border-color: #f5f5f5;

$hui-title-bg1: #0684f0;
$hui-title-bg2: #84c0ff;
$hui-custom-bg: #f9f9f9;

$audit-state-wait: #faa928;
$audit-state-pass: #83d05e;
$audit-state-back: #ff5873;

$common-divider-color: $gray5;
$common-hot-color: #f05252;


$file-color: #ff5562;
$word-color: #82cafa;
$excel-color: #79c89e;
$ppt-color: #f0837c;
$video-color: #8095ff;
$link-color: #8095ff;


/* 层级 */
$z-layers: (
  "default":1,
  "below":-1,
  "top":9999,
  "bottom":-9999,
  "modal": (
    "base":500,
    "close":100,
    "header":50,
    "footer":10
  )
);

@function map-has-nested-keys($map, $keys...) {
  @each $key in $keys {
    @if not map-has-key($map, $key) {
      @return false;
    }
    $map: map-get($map, $key);
  }

  @return true;
}

@function map-deep-get($map, $keys...) {
  @each $key in $keys {
    $map: map-get($map, $key);
  }

  @return $map;
}
//用法：z-index: z("modal", "base"); z-index: z("default");
@function z($layers...) {
  @if not map-has-nested-keys($z-layers, $layers...) {
    @warn "No layer found for `#{inspect($layers...)}` in $z-layers map. Property omitted.";
  }

  @return map-deep-get($z-layers, $layers...);
}

/* %placeholder */
// 居中
%center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
// 覆盖整个元素
%cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
// 滚动条
%scrollbar {
  // 滚动条整体样式
  &::-webkit-scrollbar {
    width: 5px;  // 高宽分别对应横竖滚动条的尺寸
    height: 5px;
  }
  // 滚动滑块
  &::-webkit-scrollbar-thumb {
    background: #535353;
    border-radius: 10px;
    // box-shadow: inset 0 0 5px rgba(#000, 0.2);
  }
  // 滚动条轨道
  &::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(#000, 0.2);
  }
}

/* mixin */
@mixin clamp($lineClamp: 2) {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: $lineClamp;
  -webkit-box-orient: vertical;
}

// 三角形
@mixin triangle($direction, $size, $borderColor ) {
  width: 0;
  height: 0;
  content: "";

  @if $direction == top {
    border-right: $size dashed transparent;
    border-bottom: $size solid $borderColor;
    border-left: $size dashed transparent;
  }

  @else if $direction == right {
    border-top: $size dashed transparent;
    border-bottom: $size dashed transparent;
    border-left: $size solid $borderColor;
  }

  @else if $direction == bottom {
    border-top: $size solid $borderColor;
    border-right: $size dashed transparent;
    border-left: $size dashed transparent;
  }

  @else if $direction == left {
    border-top: $size dashed transparent;
    border-right: $size solid $borderColor;
    border-bottom: $size dashed transparent;
  }
}

// 清楚浮动
$for-ie7: false;

@mixin clearfix { //支持调用
  @if $for-ie7 {
    *zoom: 1;
  }
  &::before, &::after {
    display: table;
    font: 0/0 inherit;
    content: "";
  }
  &::after { clear: both; }
}
%clearfix { @include clearfix; } //支持组合申明

/* stylelint-disable */
@mixin set-safe-area($value, $property:padding-bottom) {
  #{$property}: calc(constant(safe-area-inset-bottom) + #{$value});
  #{$property}: calc(env(safe-area-inset-bottom) +  #{$value});
}
/* stylelint-enable */
